<!doctype html>
<html class="default no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>CompletionItem | monaco-editor</title>
	<meta name="description" content="Documentation for monaco-editor">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../assets/css/main.css">
</head>
<body>
<header>
	<div class="tsd-page-toolbar">
		<div class="container">
			<div class="table-wrap">
				<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
					<div class="field">
						<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
						<input id="tsd-search-field" type="text" />
					</div>
					<ul class="results">
						<li class="state loading">Preparing search index...</li>
						<li class="state failure">The search index is not available</li>
					</ul>
					<a href="../index.html" class="title">monaco-editor</a>
				</div>
				<div class="table-cell" id="tsd-widgets">
					<div id="tsd-filter">
						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
						<div class="tsd-filter-group">
							<div class="tsd-select" id="tsd-filter-visibility">
								<span class="tsd-select-label">All</span>
								<ul class="tsd-select-list">
									<li data-value="public">Public</li>
									<li data-value="protected">Public/Protected</li>
									<li data-value="private" class="selected">All</li>
								</ul>
							</div>
							<input type="checkbox" id="tsd-filter-inherited" checked />
							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
							<input type="checkbox" id="tsd-filter-externals" checked />
							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
							<input type="checkbox" id="tsd-filter-only-exported" />
							<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
						</div>
					</div>
					<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
				</div>
			</div>
		</div>
	</div>
	<div class="tsd-page-title">
		<div class="container">
			<ul class="tsd-breadcrumb">
				<li>
					<a href="../globals.html">Globals</a>
				</li>
				<li>
					<a href="../modules/monaco.html">monaco</a>
				</li>
				<li>
					<a href="../modules/monaco.languages.html">languages</a>
				</li>
				<li>
					<a href="monaco.languages.completionitem.html">CompletionItem</a>
				</li>
			</ul>
			<h1>Interface CompletionItem</h1>
		</div>
	</div>
</header>
<div class="container container-main">
	<div class="row">
		<div class="col-8 col-content">
			<section class="tsd-panel tsd-comment">
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>A completion item represents a text snippet that is
						proposed to complete text that is being typed.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-hierarchy">
				<h3>Hierarchy</h3>
				<ul class="tsd-hierarchy">
					<li>
						<span class="target">CompletionItem</span>
					</li>
				</ul>
			</section>
			<section class="tsd-panel-group tsd-index-group">
				<h2>Index</h2>
				<section class="tsd-panel tsd-index-panel">
					<div class="tsd-index-content">
						<section class="tsd-index-section tsd-is-external">
							<h3>Properties</h3>
							<ul class="tsd-index-list">
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#additionaltextedits" class="tsd-kind-icon">additional<wbr>Text<wbr>Edits</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#command" class="tsd-kind-icon">command</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#commitcharacters" class="tsd-kind-icon">commit<wbr>Characters</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#detail" class="tsd-kind-icon">detail</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#documentation" class="tsd-kind-icon">documentation</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#filtertext" class="tsd-kind-icon">filter<wbr>Text</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#inserttext" class="tsd-kind-icon">insert<wbr>Text</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#inserttextrules" class="tsd-kind-icon">insert<wbr>Text<wbr>Rules</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#kind" class="tsd-kind-icon">kind</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#label" class="tsd-kind-icon">label</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#preselect" class="tsd-kind-icon">preselect</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#range" class="tsd-kind-icon">range</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#sorttext" class="tsd-kind-icon">sort<wbr>Text</a></li>
								<li class="tsd-kind-property tsd-parent-kind-interface tsd-is-external"><a href="monaco.languages.completionitem.html#tags" class="tsd-kind-icon">tags</a></li>
							</ul>
						</section>
					</div>
				</section>
			</section>
			<section class="tsd-panel-group tsd-member-group tsd-is-external">
				<h2>Properties</h2>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="additionaltextedits" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> additional<wbr>Text<wbr>Edits</h3>
					<div class="tsd-signature tsd-kind-icon">additional<wbr>Text<wbr>Edits<span class="tsd-signature-symbol">:</span> <a href="monaco.editor.isingleeditoperation.html" class="tsd-signature-type">ISingleEditOperation</a><span class="tsd-signature-symbol">[]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5707</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>An optional array of additional text edits that are applied when
								selecting this completion. Edits must not overlap with the main edit
							nor with themselves.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="command" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> command</h3>
					<div class="tsd-signature tsd-kind-icon">command<span class="tsd-signature-symbol">:</span> <a href="monaco.languages.command.html" class="tsd-signature-type">Command</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5711</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A command that should be run upon acceptance of this item.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="commitcharacters" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> commit<wbr>Characters</h3>
					<div class="tsd-signature tsd-kind-icon">commit<wbr>Characters<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5701</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>An optional set of characters that when pressed while this completion is active will accept it first and
								then type that character. <em>Note</em> that all commit characters should have <code>length=1</code> and that superfluous
							characters will be ignored.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="detail" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> detail</h3>
					<div class="tsd-signature tsd-kind-icon">detail<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5649</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A human-readable string with additional information
							about this item, like type or symbol information.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="documentation" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> documentation</h3>
					<div class="tsd-signature tsd-kind-icon">documentation<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="monaco.imarkdownstring.html" class="tsd-signature-type">IMarkdownString</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5653</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A human-readable string that represents a doc-comment.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="filtertext" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> filter<wbr>Text</h3>
					<div class="tsd-signature tsd-kind-icon">filter<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5665</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string that should be used when filtering a set of
								completion items. When <code>falsy</code> the <a href="#CompletionItem.label">label</a>
							is used.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="inserttext" class="tsd-anchor"></a>
					<h3>insert<wbr>Text</h3>
					<div class="tsd-signature tsd-kind-icon">insert<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5677</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string or snippet that should be inserted in a document when selecting
								this completion.
							is used.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="inserttextrules" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> insert<wbr>Text<wbr>Rules</h3>
					<div class="tsd-signature tsd-kind-icon">insert<wbr>Text<wbr>Rules<span class="tsd-signature-symbol">:</span> <a href="../enums/monaco.languages.completioniteminserttextrule.html" class="tsd-signature-type">CompletionItemInsertTextRule</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5682</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Addition rules (as bitmask) that should be applied when inserting
							this completion.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="kind" class="tsd-anchor"></a>
					<h3>kind</h3>
					<div class="tsd-signature tsd-kind-icon">kind<span class="tsd-signature-symbol">:</span> <a href="../enums/monaco.languages.completionitemkind.html" class="tsd-signature-type">CompletionItemKind</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5639</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>The kind of this completion item. Based on the kind
							an icon is chosen by the editor.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="label" class="tsd-anchor"></a>
					<h3>label</h3>
					<div class="tsd-signature tsd-kind-icon">label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="monaco.languages.completionitemlabel.html" class="tsd-signature-type">CompletionItemLabel</a></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5634</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>The label of this completion item. By default
								this is also the text that is inserted when selecting
							this completion.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="preselect" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> preselect</h3>
					<div class="tsd-signature tsd-kind-icon">preselect<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5671</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>Select this item when showing. <em>Note</em> that only one completion item can be selected and
								that the editor decides which item that is. The rule is that the <em>first</em> item of those
							that match best is selected.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="range" class="tsd-anchor"></a>
					<h3>range</h3>
					<div class="tsd-signature tsd-kind-icon">range<span class="tsd-signature-symbol">:</span> <a href="monaco.irange.html" class="tsd-signature-type">IRange</a><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>insert<span class="tsd-signature-symbol">: </span><a href="monaco.irange.html" class="tsd-signature-type">IRange</a><span class="tsd-signature-symbol">; </span>replace<span class="tsd-signature-symbol">: </span><a href="monaco.irange.html" class="tsd-signature-type">IRange</a><span class="tsd-signature-symbol"> }</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5692</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A range of text that should be replaced by this completion item.</p>
						</div>
						<p>Defaults to a range from the start of the <a href="#TextDocument.getWordRangeAtPosition">current word</a> to the
						current position.</p>
						<p><em>Note:</em> The range must be a <a href="#Range.isSingleLine">single line</a> and it must
						<a href="#Range.contains">contain</a> the position at which completion has been <a href="#CompletionItemProvider.provideCompletionItems">requested</a>.</p>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="sorttext" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> sort<wbr>Text</h3>
					<div class="tsd-signature tsd-kind-icon">sort<wbr>Text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5659</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A string that should be used when comparing this item
								with other items. When <code>falsy</code> the <a href="#CompletionItem.label">label</a>
							is used.</p>
						</div>
					</div>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-external">
					<a name="tags" class="tsd-anchor"></a>
					<h3><span class="tsd-flag ts-flagOptional">Optional</span> tags</h3>
					<div class="tsd-signature tsd-kind-icon">tags<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReadonlyArray</span><span class="tsd-signature-symbol">&lt;</span><a href="../enums/monaco.languages.completionitemtag.html" class="tsd-signature-type">CompletionItemTag</a><span class="tsd-signature-symbol">&gt;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in node_modules/monaco-editor/monaco.d.ts:5644</li>
						</ul>
					</aside>
					<div class="tsd-comment tsd-typography">
						<div class="lead">
							<p>A modifier to the <code>kind</code> which affect how the item
							is rendered, e.g. Deprecated is rendered with a strikeout</p>
						</div>
					</div>
				</section>
			</section>
		</div>
		<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
			<nav class="tsd-navigation primary">
				<ul>
					<li class="globals  ">
						<a href="../globals.html"><em>Globals</em></a>
					</li>
					<li class="label tsd-is-external">
						<span>Internals</span>
					</li>
					<li class=" tsd-kind-namespace">
						<a href="../modules/primefaces.html">Prime<wbr>Faces</a>
					</li>
					<li class="label tsd-is-external">
						<span>Externals</span>
					</li>
					<li class="current tsd-kind-namespace tsd-is-external">
						<a href="../modules/monaco.html">monaco</a>
						<ul>
							<li class=" tsd-kind-namespace tsd-parent-kind-namespace tsd-is-external">
								<a href="../modules/monaco.editor.html">editor</a>
							</li>
							<li class="current tsd-kind-namespace tsd-parent-kind-namespace tsd-is-external">
								<a href="../modules/monaco.languages.html">languages</a>
								<ul>
									<li class=" tsd-kind-namespace tsd-parent-kind-namespace tsd-is-external">
										<a href="../modules/monaco.languages.css.html">css</a>
									</li>
									<li class=" tsd-kind-namespace tsd-parent-kind-namespace tsd-is-external">
										<a href="../modules/monaco.languages.html.html">html</a>
									</li>
									<li class=" tsd-kind-namespace tsd-parent-kind-namespace tsd-is-external">
										<a href="../modules/monaco.languages.json.html">json</a>
									</li>
									<li class=" tsd-kind-namespace tsd-parent-kind-namespace tsd-is-external">
										<a href="../modules/monaco.languages.typescript.html">typescript</a>
									</li>
								</ul>
							</li>
							<li class=" tsd-kind-namespace tsd-parent-kind-namespace tsd-is-external">
								<a href="../modules/monaco.worker.html">worker</a>
							</li>
						</ul>
					</li>
				</ul>
			</nav>
			<nav class="tsd-navigation secondary menu-sticky">
				<ul class="before-current">
				</ul>
				<ul class="current">
					<li class="current tsd-kind-interface tsd-parent-kind-namespace tsd-is-external">
						<a href="monaco.languages.completionitem.html" class="tsd-kind-icon">Completion<wbr>Item</a>
						<ul>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#additionaltextedits" class="tsd-kind-icon">additional<wbr>Text<wbr>Edits</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#command" class="tsd-kind-icon">command</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#commitcharacters" class="tsd-kind-icon">commit<wbr>Characters</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#detail" class="tsd-kind-icon">detail</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#documentation" class="tsd-kind-icon">documentation</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#filtertext" class="tsd-kind-icon">filter<wbr>Text</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#inserttext" class="tsd-kind-icon">insert<wbr>Text</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#inserttextrules" class="tsd-kind-icon">insert<wbr>Text<wbr>Rules</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#kind" class="tsd-kind-icon">kind</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#label" class="tsd-kind-icon">label</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#preselect" class="tsd-kind-icon">preselect</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#range" class="tsd-kind-icon">range</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#sorttext" class="tsd-kind-icon">sort<wbr>Text</a>
							</li>
							<li class=" tsd-kind-property tsd-parent-kind-interface tsd-is-external">
								<a href="monaco.languages.completionitem.html#tags" class="tsd-kind-icon">tags</a>
							</li>
						</ul>
					</li>
				</ul>
				<ul class="after-current">
				</ul>
			</nav>
		</div>
	</div>
</div>
<footer class="with-border-bottom">
	<div class="container">
		<h2>Legend</h2>
		<div class="tsd-legend-group">
			<ul class="tsd-legend">
				<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
				<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
			</ul>
		</div>
	</div>
</footer>
<div class="container tsd-generator">
	<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
</div>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
</body>
</html>